<div id="metrics-sov" class="row-fluid white-row">
    <h5>SHARE OF VOICE</h5>
    <div id="sov-mentions-widget" class="mozaic-widget widget-hourly_filter" data-widget="hourly_filter" style="height: 300px; overflow: hidden;">
        <ul class="hourly-filter-wrapper" style="padding-top: 20px;">
            <li class="selected action-color-active">Total</li>
            <li class="not_selected action-color-active">Monthly</li>
            <li class="not_selected action-color-active">Weekly</li>
            <li class="not_selected action-color-active">Daily</li>
        </ul>
        <div class="block-1" style="width: 45%;display: inline-block;padding: 0 20px;">
            <div id="sov1" style="height: 300px">
                
            </div>
        </div>
        <div class="block-2" style="width: 45%;display: inline-block;">
            <div id="sov2" style="height: 300px">
                
            </div>
        </div>
    </div>
    <div id="sov-notice" style="left: 36%;top: 49%;position: absolute; color: gray;">
        <h5>PLEASE SELECT AT LEAST 1 STREAM TO COMPARE</h5>
    </div>
    <div class="sov-loading" style="left: 46%;top: 49%;position: absolute; display: none;">
        <div class="duo duo1">
            <div class="dot dot-a"></div>
            <div class="dot dot-b"></div>
        </div>
        <div class="duo duo2">
            <div class="dot dot-a"></div>
            <div class="dot dot-b"></div>
        </div>
    </div>
</div>